<template>
    <div class="result-wrapper">
        <van-icon class="icon" name="checked" />
        <div class="title">投诉已提交</div>
        <div class="text">我们会尽快核实处理，并通知您结果，感谢您的支持</div>
        <van-button class="btn" size="small" @click="handleSubmit" type="success">关闭</van-button>
    </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router';
const router = useRouter();
const handleSubmit = () => {
    router.replace('/complaintsList')
}
</script>

<style lang="less" scoped>
.result-wrapper {
    padding: 100px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    .icon {
        font-size: 50px;
        color: #00bf13;
        margin-bottom: 33px;
    }

    .title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 23px;
    }

    .text {
        font-size: 16px;
        text-align: center;
    }

    .btn {
        width: 150px;
        font-weight: 500;
        margin-top: 33vh;
    }
}
</style>